<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>2d动画按钮</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
	<div class="container">
    	<div class="box kuai-box">
        	<span class="icon"></span>
            <a href="#" class="button">
            	<span class="line line-top"></span>
                <span class="line line-right"></span>
                <span class="line line-botton"></span>
                <span class="line line-left"></span>
                快
            </a>
        </div>
    	<div class="box zhun-box">
        	<span class="icon"></span>
            <a href="#" class="button">
            	<span class="line line-top"></span>
                <span class="line line-right"></span>
                <span class="line line-botton"></span>
                <span class="line line-left"></span>
                准
            </a>
        </div>
    	<div class="box hen-box">
        	<span class="icon"></span>
            <a href="#" class="button">
            	<span class="line line-top"></span>
                <span class="line line-right"></span>
                <span class="line line-botton"></span>
                <span class="line line-left"></span>
                狠
            </a>
        </div>
    </div>
<body>
</body>
</html>
